<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的订单</title>
    <link rel="shortcut icon" href="/static/user/images/guangong.ico">
    <link rel="stylesheet" href="/static/user/css/reset.css">
    <!--    这是头部和尾部的css样式(index.css)-->
    <link rel="stylesheet" href="/static/user/css/index.css">
    <script src="/static/user/js/jquery-3.4.1.js"></script>

    <style>
        /*发表部分的头部*/
        .fabu_title{
            width:100%;
            height: 40px;
            background-color: #1e9246;
        }

        .fabu_title span{
            display: inline-block;
            font-size: 20px;
            color: #eeeeee;
            margin-left:10px;
            line-height: 40px;
        }



        /*发表部分的内容*/
        .fabu_content{

            width: 100%;
            height: 450px;
            /*background-color: #ff6600;*/
            position: relative;
        }

        .fabu_content textarea{

            width: 100%;
            height: 450px;
            resize: none;
            /*background-color:#0b6fa2 ;*/
        }

        .fabu_content .tishi{
            position: absolute;
            right: 0;
            bottom: 0;
            color: #b9abab;
        }


        /*发表部分的按钮*/

        .fabu_button{
            width: 100%;
            height: 40px;
        }

        .fabu_button span{
            display: block;
            padding: 2px 10px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            color: #505050;
            background-color: #e9e7e7;
            border: 1px solid #cccccc;
            float: right;
            margin-top: 5px;
            border-radius: 5px;
            cursor: pointer;
        }
        .fabu_button span:hover{
            background-color: #1e9246;
            color: #ffffff;
        }




    </style>


    <script>
        function backtoTop(){
            $("body,html").animate({scrollTop:'0px'},1000)
        }

        // function getVal() {
        //     var val = $('#te').val();
        //     console.log(val);
        // }
        // $('#te').bind('input propertychange', function() {
        //     console.info('值在改变:'+$(this).val());
        // });
        $(function () {
            $('#te').bind('input propertychange',function () {
                var nums = $('#te').val().length;
                var zishu = 100 - nums;
                // console.log(zishu);
                var str = '你还可以输入'+zishu+'个字哦！';
                $('.tishi').html(str)
            });
        })


    </script>


</head>
<body>
<!--    零食商城头部-->
<div id="header">
    <div id="userinfo_bar" class="hd_bar">
        <div class="bd">
            <div class="left-side left clearfix">
                <div class="left-side-item logo">
                    <img src="/static/user/images/xsSchool.png" alt="">
                </div>
                <div id="ECS_MEMBERZONE" class="left-side-item hdlbar">
                    <a href="/">莞工零食商城首页</a>
                   

                </div>
            </div>

            <!--                <div class="right-side">-->
            <!--                    <li class="right-side-item focuson">-->
            <!--                        <span>1</span>我的购物车-->
            <!--                        <i class="iconfont icon-sanjiaoxing_shang"></i>-->
            <!--                    </li>-->
            <!--                    <li class="right-side-item arrow">-->
            <!--                    </li>-->
            <!--                    <li class="right-side-item">-->
            <!--                        <span>2</span>确认订单信息-->
            <!--                        <i class="iconfont icon-sanjiaoxing_shang"></i>-->
            <!--                    </li>-->
            <!--                    <li class="right-side-item arrow">-->
            <!--                    </li>-->
            <!--                    <li class="right-side-item">-->
            <!--                        <span>3</span>成功提交订单-->
            <!--                        <i class="iconfont icon-sanjiaoxing_shang"></i>-->
            <!--                    </li>-->
            <!--                </div>-->
        </div>
    </div>
</div>
<!--        零食商城主题部分-->
<div id="main">
    <form method="post" action="sendcomment">

    <div class="fabu_title">
        <span>{$goods.goods_name}</span>
        <input type="hidden" value="{$goods.id}" name="goods_id">
        <input type="hidden" value="{$id}" name="id">
    </div>
    <div class="fabu_content">
        <textarea name="content" maxlength="100" id="te" placeholder="最多只能输入100个字哦！"></textarea>
        <div class="tishi">你还可以输入100个字哦！</div>
    </div>
    <div class="fabu_button">
        <span><input type="submit" value="" name="">发表评论</span>
    </div> 
    </form>
</div>
<!-- 楚雄零食商城页尾 -->
<div class="footer">
    <div class="footer-top">
        <div class="footer-top-container">
            <a href="#">
                <img src="/static/user/images/f1.png" alt="">
            </a>
            <a href="#">
                <img src="/static/user/images/f2.png" alt="">
            </a>
            <a href="#">
                <img src="/static/user/images/f3.png" alt="">
            </a>
            <a href="#">
                <img src="/static/user/images/f4.png" alt="">
            </a>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="footer-bottom-container">
            <ul class="links">
                <a href=""><li class="link-item">免责条款</li></a>
                <a href=""><li class="link-item">隐私保护</li></a>
                <a href=""><li class="link-item">咨询热点</li></a>
                <a href=""><li class="link-item">联系我们</li></a>
                <a href=""><li class="link-item">公司简介</li></a>
                <a href=""><li class="link-item">批发方案</li></a>
                <a href=""><li class="link-item">配送方式</li></a>
            </ul>
            <p class="copyright">
                2019-2025 © 零食商城 所有 地址：中国·广东·东莞 服务时间：09:00-22:00
            </p>
            <div class="hexin-logo">
                <img src="/static/user/images/hexin.png" alt="">
            </div>
            <div class="cnzz">
                <img src="/static/user/images/pic2.gif" alt="">
            </div>
        </div>
    </div>
</div>
<!-- 回到顶部 -->
<a class="ret" onclick="backtoTop();">
    <img src="/static/user/images/gotop.png" alt="">
</a>

</body>


</html>